<template>
  <div class="ctrl">
    <SongVolume></SongVolume>
    <SongPlayOrder></SongPlayOrder>
    <SongPlayListBtn></SongPlayListBtn>
  </div>
</template>

<script>
//  控制歌曲音量
import SongVolume from "@/components/floorFuntionZone/FloorMain/FloorSongFn/SongVolume.vue";
//  控制歌曲播放顺序
import SongPlayOrder from "@/components/floorFuntionZone/FloorMain/FloorSongFn/SongPlayOrder.vue";
//  歌曲播放列表按钮
import SongPlayListBtn from "@/components/floorFuntionZone/FloorMain/FloorSongFn/SongPlayListBtn.vue";
export default {
  name: "BaseSongFn",
  components: { SongVolume, SongPlayOrder, SongPlayListBtn },
};
</script>

<style>
.ctrl {
    position: relative;
    float: left;

    padding-left: 13px;
    width: 113px;
    background: url("../../../../common/images/playbar.png") no-repeat -147px -238px;
}
</style>
